@keyframes scale-up-center {
  0% {
    transform: scale(0);
  }

  100% {
    transform: scale(1);
  }
}

.mask {
  @apply fixed left-0 top-0 right-0 bottom-0 bg-black-60 flex items-center justify-center;
  z-index: var(--modal-index);

  .content {
    @apply z-inherit relative overflow-hidden rounded-lg text-center;
    animation: scale-up-center 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;

    &::-webkit-scrollbar {
      width: 0.375rem;
    }

    &::-webkit-scrollbar-thumb {
      @apply rounded;
      background-color: rgba(255, 255, 255, 0.4);
    }

    &::-webkit-scrollbar-track {
      background-color: rgba(255, 255, 255, 0.14);
    }
  }
}
